<!DOCTYPE html>
<html lang='ES'>
	<head>
		<meta charset='UTF-8'>  <!--codificacion con acentos-->
		<meta name='description' content="Pagina de venta de adornos">
		<meta name='author' content='Javier Saupurein/Marcos Saupurein'>
		<title>Aggiorno Deco</title>
		<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <!--<script src="js/jquery.min.js"></script>-->
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
  <script type="text/javascript">
			$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
				$('.subBody.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'-252px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'8px'},{queue:false,duration:300});
				});
				//Horizontal Sliding
				$('.subBody.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.subBody.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.subBody.peek').hover(function(){
					$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.subBody.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.subBody.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
				});
			});
		</script>
	</head>
	<body>
		<div id="todo">
			<!--div del header-->
			<header>
            <div align="center">
				<!--logo y nombre de la empresa-->
                <!--<table width="900" border="0" cellpadding="0" cellspacing="0">
                <tr style="height:115px">
                      <td width="50px"></td>
                      <td width="100px"><div id="proyecto"></div></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="100" height="59" alt=""></td>
                      <td width="340"></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="130" height="77" alt=""></td>
                      <td width="100px"><img src="imagenes/proyectos.png" width="130" height="77" alt=""></td>
                      <td width="110px"></td>
                  </tr>
                  </table>-->
                  <table id="menuTabla" width="1170" border="0" cellpadding="0" cellspacing="0" style="padding-top:108px;">
                  <tr height="30px">
				      <td width="85px"></td>
                      <td width="84px" align="center"><a href="">INICIO</a></td>
                      <td width="94px" align="center"><a href="">NOSOTROS</a></td>
                      <td width="86px" align="center"><a href="">PROYECTOS</a></td>
                      <td width="340"></td>
                      <td width="100px" align="center"><a href="productos.php">PRODUCTOS</a></td>
                      <td width="100px" align="center"><a href=""><img src="imagenes/carrito.png" width="39" height="30" alt="Carrito de compras"></a></td>
                      <td width="80px" align="center"><a href="">CONTACTO</a></td>
                      <td width="115px"></td>          
                  </tr>
                  </table>
             </div>   
             </header>
			<div id='barra_lateral'>
		  
				<aside>
					<!--enlaces a facebook y twitter-->
				</aside>
			</div> <!--cierre de barra lateral-->
			<div id='contenido'>
				<!--ofertas de los productos-->
                <br>
                <br>
                
                <div id="lineaSep1"></div>
                <br>
                <br>
          <div class="cuadroProductos">
           	    	<img src="imagenes/pruebaImagenProducto2.png" width="163" height="196">
                </div>
                <div class="cuadroProductos">
           	    	<img src="imagenes/pruebaImagenProducto2.png" width="163" height="196">
                </div>
                <div class="cuadroProductos">
           	    	<img src="imagenes/pruebaImagenProducto2.png" width="163" height="196">
                </div>
                <div class="cuadroInfo">
                <img src="imagenes/jaula.png" width="100" height="150" style="float:left; margin-left:20px; margin-top:20px;">
                  <div id="textInfo">
                    <h3>Titulo</h3>
                    <p>tá autorizado y regulado por la Financial Conduct Authority de acuerdo con la Ley de Servicios de Pagos 2009 para la provisión de servicios de pago. Número de registro </p>
                    <p>Visa EntroPay son emitidas por Bank of Valletta o Transact Network Limited, de acuerdo con una licencia de VISA Europa. Las tarjetas MasterCard EntroPay son emitidas por Transact Network Limited de acuerdo con la licencia de MasterCard International Incorporated. MasterCard es una marca comercial registrada de MasterCard International Incorporated.</p>
                    </div>
                </div>
                <div class="subBody slidedown">
   	    	    	<img class="cover" src="imagenes/seguinosface.jpg" width="252" height="181">
                    <h5>Facebook</h5>
                    <p>Seguinos también por facebook ingresando en:</p>
                    <a href="https://www.facebook.com/aggiorno">www.facebook.com/aggiorno</a>
                </div>
                <div class="subBody slidedown">
           	    	<img class="cover" src="imagenes/camarafotos.jpg" width="252" height="181">
                    <h5>Fotos</h5>
                    <p>EntroPay son emitidas por Transact Network Limited de acuerdo con la licencia de MasterCard</p>
                    <a href="https://www.facebook.com/aggiorno">www.aggiornodeco.com/fotos</a>
                </div>
                <div class="subBody slidedown">
           	    	<img class="cover" src="imagenes/maquinaescribir.jpg" width="252" height="181">
                    <h5>Contactanos</h5>
                    <p>EntroPay son emitidas por Transact Network Limited de acuerdo con la licencia de MasterCard</p>
                    <a href="https://www.facebook.com/aggiorno">www.aggiornodeco.com/contacto</a>
              </div>
                <div class="subBody slidedown">
           	    	<img class="cover" src="imagenes/tienda.jpg" width="252" height="181">
                    <h5>Mi Tienda</h5>
                    <p>De a poquito te vamos mostrando, los objetos que este mes de Mayo seleccionamos con mucha dedicacion & amor</p>
                    <a href="https://www.facebook.com/aggiorno">www.aggiornodeco.com/productos</a>
                </div>
                <div class="etiqueta2"></div>
                <div style="height:900px"></div>
		  </div> <!--cierre de contenido-->
            <div id="antesFooter"></div>
			<footer>
                <div align="center">
                
                <div style="width:940px;">
            	<div class="footerLinks">
                	<img src="imagenes/pajarito.png" width="50" height="35">
           	    <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                	<img src="imagenes/autito.png" width="50" height="35">
                    <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                <img src="imagenes/arcoiris.png" width="50" height="35">
                <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="footerLinks">
                <img src="imagenes/jarron.png" width="50" height="35">
                <h4>Link's de Interes</h4>
					<ul>
                    	<li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                </div>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
				<div id="lineaFooter"></div>
                
                <p> © Copyright 2013 | Aggiorno Deco - La PLata, Buenos Aires. Diseño Web: Saupurein Marcos y Saupurein Javier .Tel:(0221)15-6184415 </p>
                </div>
                
			</footer>
            
		</div> <!--cierre del div "todo"-->
	</body>
</html>